﻿<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>主页</title>
		<link rel="stylesheet" href="css/bootp.css">
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body style="background: url(assets/img/bg/7.png);">

		<header class="header-area header-sticky">
			<div class="header-container">
				<div class="row">
					<div class="col-lg-5 display-none-md display-none-xs">
						<div class="ht-main-menu">
							<nav>
								<ul>
									<li class="active">
										<a href="index.html">首页</a>
									</li>
									<li>
										<a href="exhibition.html">水果展览</a>
									</li>
									<li>
										<a href="fruit.html">水果文化</a>
									</li>
									<li>
										<a href="comment.html">商品推荐</a>
									</li>
									<li>
										<a href="shopping.html">购物车</a>
									</li>
									<li>
										<a href="personal.html">个人信息</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>

					<div class="col-lg-5 col-sm-8">
						<div class="header-content d-flex justify-content-end">
							<div class="search-wrapper">
								<a href="#"><span class="icon icon-Search"></span></a>
								<form action="#" class="search-form">
									<input type="text" placeholder="点击搜索 ...">
									<a href="#"><button type="button">搜索</button></a>
								</form>
							</div>

							<div class="settings-wrapper">
								<a style="width: 90px;font-size: 12px;">欢迎您,<i></i></a>
							</div>

							<div class="settings-wrapper">
								<a href="login.html">
									<i>
										<input style="position: absolute; border: none;width: 70px;height: 40px;font-size: 12px;color: orangered; background: url(assets/img/bg/11.jpg);" type="submit" name="" value="点击退出" />
									</i>
								</a>
							</div>

						</div>
					</div>
				</div>
			</div>
		</header>

		<div class="product-area bg-1 pt-110 pb-80">
			<div class="container">
				<div class="section-title text-center">
					<div class="section-img d-flex justify-content-center">
						<img src="assets/img/icon/title.png" alt="">
					</div>
					<h2><span>美味</span>水果 精选</h2>
				</div>
			</div>
			<div class="container">
				<div class="tab-content text-center">
					<div class="tab-pane active show fade" id="tab1" role="tabpanel">
						<div class="product-carousel">
							<div class="custom-col">
								<div class="single-product-item">
									<div class="product-image">
										<a href="#">
											<img src="assets/img/product/1.jpg" alt="">
										</a>
										<div class="product-hover">
											<button type="button" class="p-cart-btn">加入购物车</button>
										</div>
									</div>
									<div class="product-text">
										<h5><a href="#">葡萄</a></h5>
										<div class="pro-price">
											<span class="new-price">￥86.00</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</body>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="js/main.js"></script>

</html>